<template>
 <view class="container">
   <!-- 标题 -->
   <view class="title"><h3>智引未来-大学生就业成长平台</h3></view>
   <!-- 平台图标容器 -->
   <view class="logo-container">
     <image
       :src="imgsrc"
       class="platform-logo"
       mode="aspectFit"
     />
   </view>
    
    <!-- 提示文字 -->
    <view class="tip-text">
      <text>建议绑定学号以使用完整功能</text>
    </view>
    
    <!-- 并排按钮容器 -->
    <view class="button-row">
      <!-- 绑定学号按钮 -->
      <u-button 
        class="bind-btn"
        text="绑定学号"
        shape="circle"
        @click="goToBind"
        :custom-style="{
          fontSize: '40rpx',
          height: '90rpx',
          width: '300rpx',
		  backgroundColor: '#ffffff',
		  border: '2rpx solid #666666'
        }"
      ></u-button>
      
      <!-- 间距 -->
      <view class="button-gap"></view>
      
      <!-- 游客登录按钮 -->
      <u-button 
        class="guest-btn"
        text="游客登录"
        shape="circle"
        @click="guestLogin"
        :custom-style="{
          fontSize: '40rpx',
          height: '90rpx',
          width: '300rpx',
          backgroundColor: '#ffffff',
          border: '2rpx solid #666666'
        }"
      ></u-button>
    </view>
    
  </view>
</template>

<script>
export default {
	data() {
		return {
	imgsrc:this.$baseURL+"/profile/upload/2025/05/10/logo_20250507082032A011_20250510150253A033.jpg",}
	},
	
  methods: {
	  //绑定学号
    goToBind() {
		uni.reLaunch({
			url: '/pagesA/loginModel/bindNumber/bindNumber'
		});
      // uni.navigateTo({ url: '/pagesA/loginModel/bindNumber/bindNumber' });
    },
	
	// 游客登录
    guestLogin() {
      uni. reLaunch({ url: '/pages/index/index' });
    },
	
    // goToStudentLogin() {
    //   uni.navigateTo({ url: '/pages/login/login' });
    // }
  }
}
</script>

<style lang="scss" scoped>
.container {
  padding: 40rpx;
  min-height: 100vh;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.title {
  font-size: 36rpx;
  font-weight: bold;
  text-align: center;
  margin: 40rpx 0;
  color: #333;
}

.logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20rpx 0 60rpx;
  
  .platform-logo {
    width: 200rpx;
    height: 200rpx;
    border-radius: 24rpx;
  }
}

.tip-text {
  margin-bottom: 80rpx;
  text-align: center;
  font-size: 28rpx;
  color: #666666;
}

/* 并排按钮布局 */
.button-row {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 60rpx;
  
  .bind-btn, .guest-btn {
    border-radius: 15rpx !important;
	box-shadow: 0 4rpx 12rpx 0 rgba(0, 0, 0, 0.3);
  }
  
  .button-gap {
    width: 25rpx; /* 按钮间距 */
  }
}

/* 学号登录链接样式 */
.student-login-wrapper {
  width: 100%;
  display: flex;
  
  .student-login-link {
    font-size: 26rpx;
    text-decoration: none;
    position: relative;
    padding-bottom: 4rpx;
    
    
    /* 点击效果 */
    &:active {
      opacity: 0.7;
    }
  }
}
</style>